* Sidebar *
***********/
-.sidebar,
-.sidebar .view {
+.sidebar {
border: none;
$_sidebar_bg: lighten($bg_color,5%);
background-color: $_sidebar_bg;
&:selected {
background-color: $selected_bg_color;
}
- .separator:backdrop { @extend .separator; } // overriden w/o this
+}
+
+// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color
+GtkPlacesSidebar.sidebar .view {
+ color: $fg_color;
+ &:backdrop { color: $backdrop_fg_color; }
+ &:selected {
+ color: $selected_fg_color;
+ &:backdrop { color: if($variant == 'light', $backdrop_base_color, $selected_bg_color); }
+ }
+ .separator,
+ .separator:backdrop { @extend .separator; }
}
.sidebar-item {
background-size: 100px auto;
background-position: 0% center; }
-.label.separator, .sidebar .label.separator:backdrop {
+.label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
color: #eeeeec; }
- .label.separator:backdrop,
- .sidebar .view .label.separator:backdrop {
+ .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop {
color: #939695; }
.label:insensitive {
color: #939695; }
.label:insensitive:backdrop {
color: #5d6767; }
-.dim-label, .label.separator, .sidebar .label.separator:backdrop, .titlebar .subtitle, GtkCalendar.header .subtitle,
+.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, GtkCalendar.header .subtitle,
.header-bar .subtitle {
opacity: 0.55;
text-shadow: none; }
color: #5d6767; }
GtkComboBox .menuitem {
text-shadow: none; }
- GtkComboBox .separator, GtkComboBox .sidebar .separator:backdrop, .sidebar GtkComboBox .separator:backdrop,
- GtkComboBox .sidebar .view .separator:backdrop,
- .sidebar .view GtkComboBox .separator:backdrop {
+ GtkComboBox .separator, GtkComboBox GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view GtkComboBox .separator,
+ GtkComboBox GtkPlacesSidebar.sidebar .view .separator:backdrop,
+ GtkPlacesSidebar.sidebar .view GtkComboBox .separator:backdrop {
-GtkWidget-wide-separators: true;
-GtkWidget-horizontal-separator: 0;
-GtkWidget-vertical-separator: 0; }
font-size: smaller;
padding: 0 12px; }
.titlebar .header-bar-separator, GtkCalendar.header .header-bar-separator, .titlebar > GtkBox > .separator.vertical, GtkCalendar.header > GtkBox > .separator.vertical,
- .sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop,
- .sidebar .view GtkCalendar.header > GtkBox > .vertical.separator:backdrop,
+ GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop,
+ GtkPlacesSidebar.sidebar .view GtkCalendar.header > GtkBox > .vertical.separator:backdrop,
.header-bar .header-bar-separator,
.header-bar > GtkBox > .separator.vertical,
- .sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop {
+ GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop {
-GtkWidget-wide-separators: true;
-GtkWidget-separator-width: 1px;
border-width: 0 1px;
GtkScrolledWindow GtkViewport.frame {
border-style: none; }
-.separator, .sidebar .separator:backdrop,
-.sidebar .view .separator:backdrop {
+.separator, GtkPlacesSidebar.sidebar .view .separator,
+GtkPlacesSidebar.sidebar .view .separator:backdrop {
color: rgba(0, 0, 0, 0.1); }
- GtkFileChooserButton .separator, GtkFileChooserButton .sidebar .separator:backdrop, .sidebar GtkFileChooserButton .separator:backdrop,
- GtkFileChooserButton .sidebar .view .separator:backdrop,
- .sidebar .view GtkFileChooserButton .separator:backdrop, GtkFontButton .separator, GtkFontButton .sidebar .separator:backdrop, .sidebar GtkFontButton .separator:backdrop,
- GtkFontButton .sidebar .view .separator:backdrop,
- .sidebar .view GtkFontButton .separator:backdrop {
+ GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .separator,
+ GtkFileChooserButton GtkPlacesSidebar.sidebar .view .separator:backdrop,
+ GtkPlacesSidebar.sidebar .view GtkFileChooserButton .separator:backdrop, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view GtkFontButton .separator,
+ GtkFontButton GtkPlacesSidebar.sidebar .view .separator:backdrop,
+ GtkPlacesSidebar.sidebar .view GtkFontButton .separator:backdrop {
-GtkWidget-wide-separators: true;
-GtkWidget-horizontal-separator: 0;
-GtkWidget-vertical-separator: 0; }
/***********
* Sidebar *
***********/
-.sidebar,
-.sidebar .view {
+.sidebar {
border: none;
background-color: #454c4c; }
- .sidebar .scrollbar.trough,
- .sidebar .view .scrollbar.trough {
+ .sidebar .scrollbar.trough {
background-color: #212424;
border-radius: 6px;
border-width: 2px;
border-color: transparent; }
- .sidebar .scrollbar.slider,
- .sidebar .view .scrollbar.slider {
+ .sidebar .scrollbar.slider {
background-color: #454c4c; }
- .sidebar .scrollbar.slider:hover,
- .sidebar .view .scrollbar.slider:hover {
+ .sidebar .scrollbar.slider:hover {
background-color: #515a5a; }
- .sidebar:backdrop,
- .sidebar .view:backdrop {
+ .sidebar:backdrop {
background-color: #454c4c; }
- .sidebar:selected,
- .sidebar .view:selected {
+ .sidebar:selected {
background-color: #215d9c; }
+GtkPlacesSidebar.sidebar .view {
+ color: #eeeeec; }
+ GtkPlacesSidebar.sidebar .view:backdrop {
+ color: #939695; }
+ GtkPlacesSidebar.sidebar .view:selected {
+ color: #ffffff; }
+ GtkPlacesSidebar.sidebar .view:selected:backdrop {
+ color: #215d9c; }
+
.sidebar-item {
padding: 10px 4px; }
.sidebar-item > .label {
----------------
use responsibly! */
/*
-widget text/foregroung color */
+widget text/foreground color */
@define-color theme_fg_color #eeeeec;
/*
text color for entries, views and content in general */
background-size: 100px auto;
background-position: 0% center; }
-.label.separator, .sidebar .label.separator:backdrop {
+.label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
color: #2e3436; }
- .label.separator:backdrop,
- .sidebar .view .label.separator:backdrop {
+ .label.separator:backdrop, GtkPlacesSidebar.sidebar .view .label.separator:backdrop {
color: #8d9091; }
.label:insensitive {
color: #8d9091; }
.label:insensitive:backdrop {
color: #c7c7c7; }
-.dim-label, .label.separator, .sidebar .label.separator:backdrop, .titlebar .subtitle, GtkCalendar.header .subtitle,
+.dim-label, .label.separator, GtkPlacesSidebar.sidebar .view .label.separator, .titlebar .subtitle, GtkCalendar.header .subtitle,
.header-bar .subtitle {
opacity: 0.55;
text-shadow: none; }
color: #c7c7c7; }
GtkComboBox .menuitem {
text-shadow: none; }
- GtkComboBox .separator, GtkComboBox .sidebar .separator:backdrop, .sidebar GtkComboBox .separator:backdrop,
- GtkComboBox .sidebar .view .separator:backdrop,
- .sidebar .view GtkComboBox .separator:backdrop {
+ GtkComboBox .separator, GtkComboBox GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view GtkComboBox .separator,
+ GtkComboBox GtkPlacesSidebar.sidebar .view .separator:backdrop,
+ GtkPlacesSidebar.sidebar .view GtkComboBox .separator:backdrop {
-GtkWidget-wide-separators: true;
-GtkWidget-horizontal-separator: 0;
-GtkWidget-vertical-separator: 0; }
font-size: smaller;
padding: 0 12px; }
.titlebar .header-bar-separator, GtkCalendar.header .header-bar-separator, .titlebar > GtkBox > .separator.vertical, GtkCalendar.header > GtkBox > .separator.vertical,
- .sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop,
- .sidebar .view GtkCalendar.header > GtkBox > .vertical.separator:backdrop,
+ GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop,
+ GtkPlacesSidebar.sidebar .view GtkCalendar.header > GtkBox > .vertical.separator:backdrop,
.header-bar .header-bar-separator,
.header-bar > GtkBox > .separator.vertical,
- .sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop {
+ GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop {
-GtkWidget-wide-separators: true;
-GtkWidget-separator-width: 1px;
border-width: 0 1px;
GtkScrolledWindow GtkViewport.frame {
border-style: none; }
-.separator, .sidebar .separator:backdrop,
-.sidebar .view .separator:backdrop {
+.separator, GtkPlacesSidebar.sidebar .view .separator,
+GtkPlacesSidebar.sidebar .view .separator:backdrop {
color: rgba(0, 0, 0, 0.1); }
- GtkFileChooserButton .separator, GtkFileChooserButton .sidebar .separator:backdrop, .sidebar GtkFileChooserButton .separator:backdrop,
- GtkFileChooserButton .sidebar .view .separator:backdrop,
- .sidebar .view GtkFileChooserButton .separator:backdrop, GtkFontButton .separator, GtkFontButton .sidebar .separator:backdrop, .sidebar GtkFontButton .separator:backdrop,
- GtkFontButton .sidebar .view .separator:backdrop,
- .sidebar .view GtkFontButton .separator:backdrop {
+ GtkFileChooserButton .separator, GtkFileChooserButton GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view GtkFileChooserButton .separator,
+ GtkFileChooserButton GtkPlacesSidebar.sidebar .view .separator:backdrop,
+ GtkPlacesSidebar.sidebar .view GtkFileChooserButton .separator:backdrop, GtkFontButton .separator, GtkFontButton GtkPlacesSidebar.sidebar .view .separator, GtkPlacesSidebar.sidebar .view GtkFontButton .separator,
+ GtkFontButton GtkPlacesSidebar.sidebar .view .separator:backdrop,
+ GtkPlacesSidebar.sidebar .view GtkFontButton .separator:backdrop {
-GtkWidget-wide-separators: true;
-GtkWidget-horizontal-separator: 0;
-GtkWidget-vertical-separator: 0; }
/***********
* Sidebar *
***********/
-.sidebar,
-.sidebar .view {
+.sidebar {
border: none;
background-color: #fafafa; }
- .sidebar .scrollbar.trough,
- .sidebar .view .scrollbar.trough {
+ .sidebar .scrollbar.trough {
background-color: lightgray;
border-radius: 6px;
border-width: 2px;
border-color: transparent; }
- .sidebar .scrollbar.slider,
- .sidebar .view .scrollbar.slider {
+ .sidebar .scrollbar.slider {
background-color: #fafafa; }
- .sidebar .scrollbar.slider:hover,
- .sidebar .view .scrollbar.slider:hover {
+ .sidebar .scrollbar.slider:hover {
background-color: white; }
- .sidebar:backdrop,
- .sidebar .view:backdrop {
+ .sidebar:backdrop {
background-color: #fafafa; }
- .sidebar:selected,
- .sidebar .view:selected {
+ .sidebar:selected {
background-color: #4a90d9; }
+GtkPlacesSidebar.sidebar .view {
+ color: #2e3436; }
+ GtkPlacesSidebar.sidebar .view:backdrop {
+ color: #8d9091; }
+ GtkPlacesSidebar.sidebar .view:selected {
+ color: #ffffff; }
+ GtkPlacesSidebar.sidebar .view:selected:backdrop {
+ color: white; }
+
.sidebar-item {
padding: 10px 4px; }
.sidebar-item > .label {
----------------
use responsibly! */
/*
-widget text/foregroung color */
+widget text/foreground color */
@define-color theme_fg_color #2e3436;
/*
text color for entries, views and content in general */